<!DOCTYPE html>
<html class="no-js" lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>圈圈</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Place favicon.png in the root directory -->
    <link rel="shortcut icon" href="https://array.320.io/static/img/favicon.png" type="image/x-icon" />
    <!-- Font Icons css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/font-icons.css">
    <!-- plugins css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/plugins.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="https://array.320.io/static/css/style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/responsive.css">
</head>

<body>
    <!--[if lte IE 9]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
    <![endif]-->

    <!-- Add your site or application content here -->

    <!-- Body main wrapper start -->
    <div class="body-wrapper">

        <!-- HEADER AREA START (header-4) -->
        <header class="ltn__header-area ltn__header-8 section-bg-6">
            <!-- ltn__header-top-area start -->
            <div class="ltn__header-top-area top-area-color-white d-none">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">
                            <div class="ltn__top-bar-menu">
                                <ul>
                                    <li><a href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"><i
                                                class="icon-mail"></i> info@webmail.com</a></li>
                                    <li><a href="locations.html"><i class="icon-placeholder"></i> 15/A, Nest Tower,
                                            NYC</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="top-bar-right text-right">
                                <div class="ltn__top-bar-menu">
                                    <ul>
                                        <li>
                                            <!-- ltn__language-menu -->
                                            <div class="ltn__drop-menu ltn__currency-menu ltn__language-menu">
                                                <ul>
                                                    <li><a href="#" class="dropdown-toggle"><span
                                                                class="active-currency">English</span></a>
                                                        <ul>
                                                            <li><a href="#">Arabic</a></li>
                                                            <li><a href="#">Bengali</a></li>
                                                            <li><a href="#">Chinese</a></li>
                                                            <li><a href="#">English</a></li>
                                                            <li><a href="#">French</a></li>
                                                            <li><a href="#">Hindi</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li>
                                            <!-- ltn__social-media -->
                                            <div class="ltn__social-media">
                                                <ul>
                                                    <li><a href="#" title="Facebook"><i
                                                                class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a>
                                                    </li>

                                                    <li><a href="#" title="Instagram"><i
                                                                class="fab fa-instagram"></i></a></li>
                                                    <li><a href="#" title="Dribbble"><i class="fab fa-dribbble"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ltn__header-top-area end -->

            <!-- ltn__header-middle-area start -->
            <div class="ltn__header-middle-area ltn__header-sticky ltn__sticky-bg-white plr--5">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col logo-column">
                            <div class="site-logo">
                                <a th:href="@{/}"><img src="https://array.320.io/static/img/logo.png" alt="Logo"></a>
                            </div>
                        </div>
                        <div class="col header-menu-column">
                            <div class="header-menu d-none d-xl-block">
                                <nav>
                                    <div class="ltn__main-menu">
                                        <ul>
                                            <li class="menu-icon"><a th:href="@{/}">首页</a>
                                            </li>
                                            <li class="menu-icon"><a th:href="@{/articles}">所有文章</a>
                                                <ul>
                                                    <li><a th:href="@{/articles}">最新</a></li>
                                                    <li><a th:href="@{/articles}">最热</a></li>
                                                    <li><a th:href="@{/add}">发布文章</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-icon"><a href="#">风格分类</a>
                                                <ul>
                                                    <!-- http://localhost:8088/quanquan/article/tag/5 -->
                                                    <li><a th:href="@{/article/tag/5}">古风华服</a></li>
                                                    <li><a th:href="@{/article/tag/9}">JK</a></li>
                                                    <li><a th:href="@{/article/tag/10}">Lolita</a></li>
                                                    <li><a th:href="@{/articles}">其他<span
                                                                class="float-right">>></span></a>
                                                        <ul>
                                                            <li><a th:href="@{/article/tag/13}">唐装</a></li>
                                                            <li><a th:href="@{/article/tag/6}">二次元</a></li>
                                                            <li><a th:href="@{/article/tag/12}">旗袍</a></li>
                                                            <li><a th:href="@{/articles}">....</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-icon"><a th:href="@{/deposit}">版权保护</a>
                                            </li>
                                            <li><a href="#">联系我们</a></li>
                                            <li class="menu-icon"><a th:href="@{/account}">我的</a>
                                                <ul>
                                                    <li><a th:href="@{/add}">发布文章</a></li>
                                                    <li><a th:href="@{/account}">我喜欢的</a></li>
                                                    <li><a th:href="@{/account}">我关注的</a></li>
                                                    <li><a th:href="@{/account}">我的好友</a></li>
                                                    <li><a th:href="@{/account}">我的消息</a></li>
                                                    <li><a th:href="@{/account}">我的账户</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                        <div class="col">
                            <div class="ltn__header-options">
                                <ul>
                                    <li class="d-none">
                                        <!-- ltn__currency-menu -->
                                        <!-- <div class="ltn__drop-menu ltn__currency-menu">
                                            <ul>
                                                <li><a href="#" class="dropdown-toggle"><span
                                                            class="active-currency">USD</span></a>
                                                    <ul>
                                                        <li><a href="login.html">USD - US Dollar</a></li>
                                                        <li><a href="wishlist.html">CAD - Canada Dollar</a></li>
                                                        <li><a href="register.html">EUR - Euro</a></li>
                                                        <li><a href="account.html">GBP - British Pound</a></li>
                                                        <li><a href="wishlist.html">INR - Indian Rupee</a></li>
                                                        <li><a href="wishlist.html">BDT - Bangladesh Taka</a></li>
                                                        <li><a href="wishlist.html">JPY - Japan Yen</a></li>
                                                        <li><a href="wishlist.html">AUD - Australian Dollar</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div> -->
                                    </li>
                                    <li>
                                        <!-- header-search-1 -->
                                        <div class="header-search-wrap">
                                            <div class="header-search-1">
                                                <div class="search-icon">
                                                    <i class="icon-magnifier  for-search-show"></i>
                                                    <i class="icon-magnifier-remove  for-search-close"></i>
                                                </div>
                                            </div>
                                            <div class="header-search-1-form">
                                                <form id="#234" method="get" action="#">
                                                    <input type="text" name="search" value="" placeholder="搜索..." />
                                                    <button type="submit">
                                                        <span><i class="icon-magnifier"></i></span>
                                                    </button>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- user-menu -->
                                        <div class="ltn__drop-menu user-menu">
                                            <ul>
                                                <li>
                                                    <a th:href="@{/account}"><i class="icon-user"></i></a>
                                                    <ul>
                                                        <li><a th:href="@{/login}">登录</a></li>
                                                        <li><a th:href="@{/register}">注册</a></li>
                                                        <li><a th:href="@{/account}">我的账户</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- header-wishlist -->
                                        <div class="header-wishlist">
                                            <a th:href="@{/account}"><i class="icon-heart"></i></a>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- mini-cart 2 -->
                                        <div class="mini-cart-icon mini-cart-icon-2">
                                            <a href="#ltn__utilize-cart-menu" class="ltn__utilize-toggle">
                                                <span class="mini-cart-icon">
                                                    <i class="icon-envelope"></i>
                                                    <sup>0</sup>
                                                </span>
                                                <h6><span>消息中心</span> <span class="ltn__secondary-color">查看消息</span>
                                                </h6>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- Mobile Menu Button -->
                                        <div class="mobile-menu-toggle d-xl-none">
                                            <a href="#ltn__utilize-mobile-menu" class="ltn__utilize-toggle">
                                                <svg viewBox="0 0 800 600">
                                                    <path
                                                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
                                                        id="top"></path>
                                                    <path d="M300,320 L540,320" id="middle"></path>
                                                    <path
                                                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
                                                        id="bottom"
                                                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) ">
                                                    </path>
                                                </svg>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ltn__header-middle-area end -->
        </header>
        <!-- HEADER AREA END -->

        <!-- Utilize Cart Menu Start -->
        <div id="ltn__utilize-cart-menu" class="ltn__utilize ltn__utilize-cart-menu">
            <div class="ltn__utilize-menu-inner ltn__scrollbar">
                <div class="ltn__utilize-menu-head">
                    <span class="ltn__utilize-menu-title">消息中心</span>
                    <button class="ltn__utilize-close">×</button>
                </div>
                <div class="mini-cart-product-area ltn__scrollbar">
                </div>
                <div class="mini-cart-footer">
                    <div class="btn-wrapper">
                        <a href="#" class="theme-btn-1 btn btn-effect-1">回复</a>
                        <a href="#" class="theme-btn-2 btn btn-effect-2">删除</a>
                    </div>
                </div>

            </div>
        </div>
        <!-- Utilize Cart Menu End -->

        <!-- Utilize Mobile Menu Start -->
        <div id="ltn__utilize-mobile-menu" class="ltn__utilize ltn__utilize-mobile-menu">
            <div class="ltn__utilize-menu-inner ltn__scrollbar">
                <div class="ltn__utilize-menu-head">
                    <div class="site-logo">
                        <a th:href="@{/}"><img src="https://array.320.io/static/img/logo.png" alt="Logo"></a>
                    </div>
                    <button class="ltn__utilize-close">×</button>
                </div>
                <div class="ltn__utilize-menu-search-form">
                    <form action="#">
                        <input type="text" placeholder="搜索...">
                        <button><i class="fas fa-search"></i></button>
                    </form>
                </div>
                <div class="ltn__utilize-menu">
                    <ul>
                        <li><a th:href="@{/}">首页</a>
                        </li>
                        <li><a th:href="@{/articles}">所有文章</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/articles}">最新</a></li>
                                <li><a th:href="@{/articles}">最热</a></li>
                                <li><a th:href="@{/add}">发布文章</a></li>
                            </ul>
                        </li>
                        <li><a href="#">风格分类</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/article/tag/5}">古风华服</a></li>
                                <li><a th:href="@{/article/tag/9}">JK</a></li>
                                <li><a th:href="@{/article/tag/10}">Lolita</a></li>
                                <li><a th:href="@{/articles}">其他<span class="float-right">>></span></a>
                                    <ul>
                                        <li><a th:href="@{/article/tag/13}">唐装</a></li>
                                        <li><a th:href="@{/article/tag/6}">二次元</a></li>
                                        <li><a th:href="@{/article/tag/12}">旗袍</a></li>
                                        <li><a th:href="@{/articles}">....</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a th:href="@{/deposit}">版权保护</a>
                        </li>
                        <li><a href="#">联系我们</a></li>
                        <li><a th:href="@{/account}">我的</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/add}">发布文章</a></li>
                                <li><a th:href="@{/account}">我喜欢的</a></li>
                                <li><a th:href="@{/account}">我关注的</a></li>
                                <li><a th:href="@{/account}">我的好友</a></li>
                                <li><a th:href="@{/account}">我的消息</a></li>
                                <li><a th:href="@{/account}">我的账户</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="ltn__utilize-buttons ltn__utilize-buttons-2">
                    <ul>
                        <li>
                            <a th:href="@{/account}" title="我的账户">
                                <span class="utilize-btn-icon">
                                    <i class="far fa-user"></i>
                                </span>
                                我的账户
                            </a>
                        </li>
                        <!-- <li>
                            <a href="wishlist.html" title="Wishlist">
                                <span class="utilize-btn-icon">
                                    <i class="far fa-heart"></i>
                                    <sup>3</sup>
                                </span>
                                Wishlist
                            </a>
                        </li>
                        <li>
                            <a href="cart.html" title="Shoping Cart">
                                <span class="utilize-btn-icon">
                                    <i class="fas fa-shopping-cart"></i>
                                    <sup>5</sup>
                                </span>
                                Shoping Cart
                            </a>
                        </li> -->
                    </ul>
                </div>
                <div class="ltn__social-media-2">
                    <ul>
                        <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                        <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Utilize Mobile Menu End -->

        <div class="ltn__utilize-overlay"></div>

        <!-- SLIDER AREA START (slider-6) -->
        <div class="ltn__slider-area ltn__slider-3 ltn__slider-6 plr--5">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ltn__slide-two-active slick-slide-arrow-1 slick-slide-dots-1 arrow-white--">
                            <!-- ltn__slide-item  -->
                            <div class="ltn__slide-item ltn__slide-item-8 ltn__slide-item-9 text-color-white---- bg-image bg-overlay-theme-black-80---"
                                data-bg="img/index/index7.jpg">
                                <div class="ltn__slide-item-inner">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-lg-12 align-self-center">
                                                <div class="slide-item-info">
                                                    <div class="slide-item-info-inner ltn__slide-animation">
                                                        <div class="slide-item-info">
                                                            <div class="slide-item-info-inner ltn__slide-animation">
                                                                <h1 class="slide-title animated ">圈圈--寻找属于你的圈</h1>
                                                                <div class="slide-brief animated">
                                                                    <p>基于区块链存证保护原创的小众服饰文化交流圈</p>
                                                                </div>
                                                                <div class="btn-wrapper animated">
                                                                    <a th:href="@{/articles}"
                                                                        class="theme-btn-1 btn btn-round">去看看</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- <div class="slide-item-img">
                                                <img src="img/slider/41-1.png" alt="#">
                                                <span class="call-to-circle-1"></span>
                                            </div> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ltn__slide-item  -->
                            <div class="ltn__slide-item ltn__slide-item-8 ltn__slide-item-9 text-color-white---- bg-image bg-overlay-theme-black-80---"
                                data-bg="img/index/index5.jpg">
                                <div class="ltn__slide-item-inner">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-lg-12 align-self-center">
                                                <div class="slide-item-info">
                                                    <div class="slide-item-info-inner ltn__slide-animation">
                                                        <div class="slide-item-info">
                                                            <div class="slide-item-info-inner ltn__slide-animation">
                                                                <h1 class="slide-title animated ">圈圈</h1>
                                                                <div class="slide-brief animated">
                                                                    <p>基于区块链存证保护原创的小众服饰文化交流圈</p>
                                                                </div>
                                                                <div class="btn-wrapper animated">
                                                                    <a th:href="@{/articles}"
                                                                        class="theme-btn-1 btn btn-round">去看看</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- <div class="slide-item-img">
                                                <img src="img/slider/41-1.png" alt="#">
                                                <span class="call-to-circle-1"></span>
                                            </div> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--  -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- SLIDER AREA END -->

        <!-- BANNER AREA START -->
        <div class="ltn__banner-area  plr--5 mt-40">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="ltn__banner-item">
                            <div class="ltn__banner-img">
                                <a th:href="@{/article/tag/13}"><img src="img/index/banner1.jpg" alt="Banner Image"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="ltn__banner-item">
                            <div class="ltn__banner-img">
                                <a th:href="@{/article/tag/17}"><img src="img/index/banner2.jpg" alt="Banner Image"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="ltn__banner-item">
                            <div class="ltn__banner-img">
                                <a th:href="@{/article/tag/12}"><img src="img/index/banner3.jpg" alt="Banner Image"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="ltn__banner-item">
                            <div class="ltn__banner-img">
                                <a th:href="@{/article/tag/10}"><img src="img/index/banner4.jpg" alt="Banner Image"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BANNER AREA END -->

        <!-- BLOG AREA START (blog-3) -->
        <div class="ltn__blog-area  pt-60 pb-30">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title-area text-center">
                            <h1 class="section-title section-title-border">精选文章</h1>
                        </div>
                    </div>
                </div>
                <div class="row  ltn__blog-slider-one-active slick-arrow-1">
                    <!-- Blog Item -->
                    <div class="col-sm-6">
                        <div class="ltn__blog-item">
                            <div class="ltn__blog-img">
                                <a href="/quanquan/article/50"><img
                                        src="https://array.320.io/quanquan/files/IMG_20210616221118_2150242249083889568.jpg"
                                        alt="#"></a>
                            </div>
                            <div class="ltn__blog-brief">
                                <div class="ltn__blog-meta">
                                    <ul>
                                        <li class="ltn__blog-author">
                                            <span>
                                                <a href="#">
                                                    <i class="icon-user">洛水河神</i>
                                                </a>
                                            </span>
                                        </li>
                                        <li>
                                            <span href="/quanquan/article/50">2021-06-16 22:11:18.0</span>
                                        </li>
                                        <li class="ltn__blog-comment">
                                            <a href="/quanquan/article/50"><i class="icon-speech">0</i></a>
                                            <a href="/quanquan/article/50"><i class="icon-heart">0</i></a>
                                        </li>
                                    </ul>
                                </div>
                                <h3 class="ltn__blog-title blog-title-line"><a
                                        href="/quanquan/article/50">好看！白衣古装大家闺秀</a></h3>
                            </div>
                        </div>
                    </div>
                    <!-- Blog Item -->
                    <div class="col-sm-6">
                        <div class="ltn__blog-item">
                            <div class="ltn__blog-img">
                                <a href="/quanquan/article/49"><img
                                        src="https://array.320.io/quanquan/files/IMG_20210616220611_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20210616213254.jpg"
                                        alt="#"></a>
                            </div>
                            <div class="ltn__blog-brief">
                                <div class="ltn__blog-meta">
                                    <ul>
                                        <li class="ltn__blog-author">
                                            <span>
                                                <a href="#">
                                                    <i class="icon-user">喜乐</i>
                                                </a>
                                            </span>
                                        </li>
                                        <li>
                                            <span href="/quanquan/article/49">2021-06-16 22:06:11.0</span>
                                        </li>
                                        <li class="ltn__blog-comment">
                                            <a href="/quanquan/article/49"><i class="icon-speech">0</i></a>
                                            <a href="/quanquan/article/49"><i class="icon-heart">0</i></a>
                                        </li>
                                    </ul>
                                </div>
                                <h3 class="ltn__blog-title blog-title-line"><a
                                        href="/quanquan/article/49">汉服街太好玩了，大家快来啊啊啊</a></h3>
                            </div>
                        </div>
                    </div>
                    <!-- Blog Item -->
                    <div class="col-sm-6">
                        <div class="ltn__blog-item">
                            <div class="ltn__blog-img">
                                <a href="/quanquan/article/46"><img
                                        src="https://array.320.io/quanquan/files/IMG_20210616213514_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20210616213217.jpg"
                                        alt="#"></a>
                            </div>
                            <div class="ltn__blog-brief">
                                <div class="ltn__blog-meta">
                                    <ul>
                                        <li class="ltn__blog-author">
                                            <span>
                                                <a href="#">
                                                    <i class="icon-user">洛水河神</i>
                                                </a>
                                            </span>
                                        </li>
                                        <li>
                                            <span href="/quanquan/article/46">2021-06-16 21:35:14.0</span>
                                        </li>
                                        <li class="ltn__blog-comment">
                                            <a href="/quanquan/article/46"><i class="icon-speech">0</i></a>
                                            <a href="/quanquan/article/46"><i class="icon-heart">0</i></a>
                                        </li>
                                    </ul>
                                </div>
                                <h3 class="ltn__blog-title blog-title-line"><a href="/quanquan/article/46">夏天悄咪咪来啦</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BLOG AREA END -->

        <!-- BRAND LOGO AREA START -->
        <div class="ltn__brand-logo-area  ltn__brand-logo-1 section-bg-1 pt-35 pb-35 plr--5">
            <div class="container-fluid">
                <div class="row ltn__brand-logo-active">
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/1.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/2.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/3.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/4.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/5.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/1.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/2.png" alt="Brand Logo">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BRAND LOGO AREA END -->

        <!-- FOOTER AREA START -->
        <footer class="ltn__footer-area ">
            <div class="footer-top-area  section-bg-5">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">我的账户</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a th:href="@{/account}">我的账户</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">快速链接</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="http://www.ncac.gov.cn/">国家版权局</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">相关信息</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="#">免责声明</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">客户服务</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="#">侵权申诉</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-about-widget">
                                <h4 class="footer-title">关于我们</h4>
                                <div class="footer-logo d-none">
                                    <div class="site-logo">
                                        <img src="https://array.320.io/static/img/logo.png" alt="Logo">
                                    </div>
                                </div>
                                <p>基于区块链存证保护原创的小众服饰文化交流圈</p>
                                <div class="footer-address">
                                    <ul>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-location-pin"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p>云南大学</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-phone"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p><a href="tel:+0123-456789">+0123-456789</a></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-envelope"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p><a href="mailto:admin@array.320.io">admin@array.320.io</a></p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ltn__social-media mt-20 d-none">
                                    <ul>
                                        <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                                        <li><a href="#" title="Youtube"><i class="fab fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                                <div class="footer-payment-img">
                                    <img src="https://array.320.io/static/img/icons/payment-6.png" alt="Payment Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ltn__copyright-area ltn__copyright-2 section-bg-5">
                <div class="container ltn__border-top-2">
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="footer-copyright-left">
                                <div class="ltn__copyright-design clearfix">
                                    <p>&copy; 圈圈<span class="current-year"></span> —— 基于区块链存证保护原创的小众服饰文化交流圈</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 align-self-center">
                            <div class="footer-copyright-right text-right">
                                <div class="ltn__copyright-menu d-none">
                                    <ul>
                                        <li><a href="#">Terms & Conditions</a></li>
                                        <li><a href="#">Claim</a></li>
                                        <li><a href="#">Privacy & Policy</a></li>
                                    </ul>
                                </div>
                                <div class="ltn__social-media ">
                                    <ul>
                                        <li><a href="#" title="Facebook"><i class="icon-social-facebook"></i></a></li>
                                        <li><a href="#" title="Twitter"><i class="icon-social-twitter"></i></a></li>
                                        <li><a href="#" title="Pinterest"><i class="icon-social-pinterest"></i></a></li>
                                        <li><a href="#" title="Instagram"><i class="icon-social-instagram"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- FOOTER AREA END -->

    </div>
    <!-- Body main wrapper end -->

        <!-- MODAL AREA START (Quick View Modal) -->
        <div class="ltn__modal-area ltn__quick-view-modal-area">
            <div class="modal fade" id="quick_view_modal" tabindex="-1">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                <!-- <i class="fas fa-times"></i> -->
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="ltn__quick-view-modal-inner">
                                <div class="modal-product-item">
                                    <div class="row">
                                        <div class="col-lg-6 col-12">
                                            <div class="modal-product-img">
                                                <img src="https://array.320.io/static/img/product/4.png" alt="#">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-12">
                                            <div class="modal-product-info shop-details-info pl-0">
                                                <h3>Pink Flower Tree Red</h3>
                                                <div class="product-price-ratting mb-20">
                                                    <ul>
                                                        <li>
                                                            <div class="product-price">
                                                                <span>$49.00</span>
                                                                <del>$65.00</del>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="product-ratting">
                                                                <ul>
                                                                    <li><a href="#"><i class="icon-star"></i></a></li>
                                                                    <li><a href="#"><i class="icon-star"></i></a></li>
                                                                    <li><a href="#"><i class="icon-star"></i></a></li>
                                                                    <li><a href="#"><i class="icon-star"></i></a></li>
                                                                    <li><a href="#"><i class="icon-star"></i></a></li>
                                                                    <li class="review-total"> <a href="#"> ( 95 Reviews
                                                                            )</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="modal-product-brief">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                                        Dignissimos repellendus repudiandae incidunt quidem pariatur
                                                        expedita, quo quis modi tempore non.</p>
                                                </div>
                                                <div class="modal-product-meta ltn__product-details-menu-1 mb-20">
                                                    <ul>
                                                        <li>
                                                            <div class="ltn__color-widget clearfix">
                                                                <strong class="d-meta-title">Color</strong>
                                                                <ul>
                                                                    <li class="theme"><a href="#"></a></li>
                                                                    <li class="green-2"><a href="#"></a></li>
                                                                    <li class="blue-2"><a href="#"></a></li>
                                                                    <li class="white"><a href="#"></a></li>
                                                                    <li class="red"><a href="#"></a></li>
                                                                    <li class="yellow"><a href="#"></a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="ltn__size-widget clearfix mt-25">
                                                                <strong class="d-meta-title">Size</strong>
                                                                <ul>
                                                                    <li><a href="#">S</a></li>
                                                                    <li><a href="#">M</a></li>
                                                                    <li><a href="#">L</a></li>
                                                                    <li><a href="#">XL</a></li>
                                                                    <li><a href="#">XXL</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div
                                                    class="ltn__product-details-menu-2 product-cart-wishlist-btn mb-30">
                                                    <ul>
                                                        <li>
                                                            <div class="cart-plus-minus">
                                                                <input type="text" value="02" name="qtybutton"
                                                                    class="cart-plus-minus-box">
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <a href="#"
                                                                class="theme-btn-1 btn btn-effect-1 d-add-to-cart"
                                                                title="Add to Cart" data-toggle="modal"
                                                                data-target="#add_to_cart_modal">
                                                                <span>ADD TO CART</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#" class="btn btn-effect-1 d-add-to-wishlist"
                                                                title="Add to Cart" data-toggle="modal"
                                                                data-target="#liton_wishlist_modal">
                                                                <i class="icon-heart"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="ltn__social-media mb-30">
                                                    <ul>
                                                        <li class="d-meta-title">Share:</li>
                                                        <li><a href="#" title="Facebook"><i
                                                                    class="icon-social-facebook"></i></a></li>
                                                        <li><a href="#" title="Twitter"><i
                                                                    class="icon-social-twitter"></i></a></li>
                                                        <li><a href="#" title="Pinterest"><i
                                                                    class="icon-social-pinterest"></i></a></li>
                                                        <li><a href="#" title="Instagram"><i
                                                                    class="icon-social-instagram"></i></a></li>

                                                    </ul>
                                                </div>
                                                <div
                                                    class="modal-product-meta ltn__product-details-menu-1 mb-30 d-none">
                                                    <ul>
                                                        <li><strong>SKU:</strong> <span>12345</span></li>
                                                        <li>
                                                            <strong>Categories:</strong>
                                                            <span>
                                                                <a href="#">Flower</a>
                                                            </span>
                                                        </li>
                                                        <li>
                                                            <strong>Tags:</strong>
                                                            <span>
                                                                <a href="#">Love</a>
                                                                <a href="#">Flower</a>
                                                                <a href="#">Heart</a>
                                                            </span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="ltn__safe-checkout d-none">
                                                    <h5>Guaranteed Safe Checkout</h5>
                                                    <img src="https://array.320.io/static/img/icons/payment-2.png"
                                                        alt="Payment Image">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MODAL AREA END -->

        <!-- MODAL AREA START (Add To Cart Modal) -->
        <div class="ltn__modal-area ltn__add-to-cart-modal-area">
            <div class="modal fade" id="add_to_cart_modal" tabindex="-1">
                <div class="modal-dialog modal-md" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="ltn__quick-view-modal-inner">
                                <div class="modal-product-item">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="modal-add-to-cart-content clearfix">
                                                <div class="modal-product-img">
                                                    <img src="https://array.320.io/static/img/product/1.png" alt="#">
                                                </div>
                                                <div class="modal-product-info">
                                                    <h5><a href="product-details.html">Heart's Desire</a></h5>
                                                    <p class="added-cart"><i class="fa fa-check-circle"></i>
                                                        Successfully added to your Cart</p>
                                                    <div class="btn-wrapper">
                                                        <a href="cart.html" class="theme-btn-1 btn btn-effect-1">View
                                                            Cart</a>
                                                        <a href="checkout.html"
                                                            class="theme-btn-2 btn btn-effect-2">Checkout</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- additional-info -->
                                            <div class="additional-info d-none--">
                                                <p>We want to give you <b>10% discount</b> for your first order, <br>
                                                    Use (fiama10) discount code at checkout</p>
                                                <div class="payment-method">
                                                    <img src="https://array.320.io/static/img/icons/payment.png"
                                                        alt="#">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MODAL AREA END -->

        <!-- MODAL AREA START (Wishlist Modal) -->
        <div class="ltn__modal-area ltn__add-to-cart-modal-area">
            <div class="modal fade" id="liton_wishlist_modal" tabindex="-1">
                <div class="modal-dialog modal-md" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="ltn__quick-view-modal-inner">
                                <div class="modal-product-item">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="modal-product-img">
                                                <img src="https://array.320.io/static/img/product/7.png" alt="#">
                                            </div>
                                            <div class="modal-product-info">
                                                <h5><a href="product-details.html">Brake Conversion Kit</a></h5>
                                                <p class="added-cart"><i class="fa fa-check-circle"></i> Successfully
                                                    added to your Wishlist</p>
                                                <div class="btn-wrapper">
                                                    <a href="wishlist.html" class="theme-btn-1 btn btn-effect-1">View
                                                        Wishlist</a>
                                                </div>
                                            </div>
                                            <!-- additional-info -->
                                            <div class="additional-info d-none">
                                                <p>We want to give you <b>10% discount</b> for your first order, <br>
                                                    Use discount code at checkout</p>
                                                <div class="payment-method">
                                                    <img src="https://array.320.io/static/img/icons/payment.png"
                                                        alt="#">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MODAL AREA END -->

    </div>
    <!-- Body main wrapper end -->

    <!-- preloader area start -->
    <div class="preloader d-none" id="preloader">
        <div class="preloader-inner">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <!-- preloader area end -->

    <!-- All JS Plugins -->
    <script src="https://array.320.io/static/js/plugins.js"></script>
    <!-- Main JS -->
    <script src="https://array.320.io/static/js/main.js"></script>

</body>

</html>